<html>
  <head>
   	<script src="./lib/jquery.js" ></script>
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<link rel="stylesheet" href="./lib/jquery.mobile-1.1.1.min.css" />
	<script src="./lib/jquery-1.7.1.min.js"></script>
	<script language="JavaScript" SRC="config.js"></script>
	<script src="./lib/jquery.mobile-1.1.1.min.js"></script>
	<script type="text/javascript" charset="utf-8">
	
 function get(){
	 var form=document.forms["form"];
 		 alert(form.email.value);
        $.post('http://'+serverip+'/socialengine/mobileservice/searchmember/searchemail', {email:form.email.value},
            function(output){
        	alert(output.result); // hellothisisbob@gmail.com
        	$('li').empty();
        	for(key in output.Data) {
          	  $('#mylist').append('<li>'+'<a href="edituser.html?userid='+output.Data[key].user_id+'" rel="external">'+'<h3>'+output.Data[key].displayname +'</h3>'+'<p>Last login: '+output.Data[key].lastlogin_date+'<p>'+'</a>' +'</li>').listview('refresh');
        	
        	}
               
            },"json");
    };
    </script>
  </head>
<body>

<div data-role="page" id="header">
<div data-role="header">
<a href="index.html" data-role="button" data-icon="home" data-iconpos="notext" rel="external">Home</a>
<h1>Search User</h1>
</div>
<div data-role="content">
<form name="form" id="form">
	<p>Email</p>
    <input type="text" name="email" id="email">
    <input type="button" value="Search" onClick="get();">
</form>
<div   data-role="content">
	<ul data-role="listview"  id="mylist" >
	</ul>
  </div><!-- /content -->
</div>
<div data-role="footer">
<h4></h4>

</div>
</body>
</html>